<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入swiper插件 -->
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.min.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <!-- 引入运动框架 -->
    <script src="./lib/exercise/运动框架.js"></script>
    <!-- 引入公共js -->
    <script src="./js/common.js"></script>
</head>

<body>
    <!-- 头部start -->
    <header class="abs">
        <!-- logo -->
        <img src="./images/new-logo-white.png" alt="源码数据" class="logo fl mt20 ml30">
        <!-- 导航 -->
        <ul class="nav abs font14">
            <li class="active">
                <a href="javascript:;">首页</a>
            </li>
            <li>
                <a href="javascript:;">API</a>
                <ul class="submenu">
                    <li>
                        <a href="" class="font14 c666">API服务</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">API分类</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">云服务</a>
                <ul class="submenu">
                    <li>
                        <a href="" class="font14 c666">聚合·云推</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">聚合·云监测</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">聚派·JuAPI</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">聚合·云查询  </a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">聚合·有赢</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">聚合·云助手</a>
                    </li>
                </ul>
            </li>
            <!-- <li>
                <a href="javascript:;">数据治理</a>
                <ul class="submenu">
                    <li>
                        <a href="" class="font14 c666">慧集 · APIMaster</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">慧治 · DataArts</a>
                    </li>
                </ul>
            </li> -->
            <li>
                <a href="javascript:;">会员</a>
            </li>
            <li>
                <a href="javascript:;">案例</a>
            </li>
            <li>
                <a href="javascript:;">开发者</a>
                <ul class="submenu">
                    <li>
                        <a href="" class="font14 c666">开发者社区</a>
                    </li>
                    <li>
                        <a href="" class="font14 c666">网址导航</a>
                    </li>
                </ul>
            </li>
        </ul>
        </div>
        <!-- 登录和注册 -->
        <div class="right-box fr mt23 mr30 font12">
            <span></span>
            <a href="">国际站</a>
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册有礼</a>
        </div>
        <!-- 搜索模块 -->
        <div class="search fr mt20 mr20 rel">
            <span class="abs iconfont icon-31sousuo font16
            " id='search-btn'></span>
            <input type="text" placeholder="手机归属地" id="search-content" class="font14">
        </div>
    </header>
    <!-- 头部end -->
    <!-- banner start -->
    <div id="banner">
        <!-- 轮播图 -->
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg01"></div>
                <div class="swiper-slide bg02"></div>
                <div class="swiper-slide bg03"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <!-- banner end -->

    <!-- 在线客服 start -->
    <div id="online-service">
        <a href="">电话
            <span>0512-88869195</span>
        </a>
        <a href="" class="mt16">QQ</a>
        <a href="" class="mt8">咨询</a>
    </div>
    <!-- 在线客服 end -->

    <!-- 页脚 start -->
    <footer class="mt40">
        <div class="container ">
            <!-- 上边 -->
            <div class="clearfix">
                <!-- 左边 -->
                <div class="fl clearfix">
                    <dl class="font12">
                        <dt class="font14">联系与支持</dt>
                        <dd>
                            <a href="">400-882-7715</a>
                        </dd>
                        <dd>
                            <a href="">售前咨询</a>
                        </dd>
                        <dd>
                            <a href="">客服&售后</a>
                        </dd>
                        <dd>
                            <a href="">常见问题</a>
                        </dd>
                        <dd>
                            <a href="">极速工单</a>
                        </dd>
                        <dd>
                            <a href="">投诉与建议</a>
                        </dd>
                    </dl>
                    <dl class="font12">
                        <dt class="font14">
                    关于源码
                    </dt>
                        <dd>
                            <a href="">合作伙伴</a>
                        </dd>
                        <dd>
                            <a href="">服务条款</a>
                        </dd>
                        <dd>
                            <a href="">隐私政策</a>
                        </dd>
                        <dd>
                            <a href="">市场合作</a>
                        </dd>
                        <dd>
                            <a href="">反商业贿赂声明</a>
                        </dd>
                    </dl>
                    <dl class="font12">
                        <dt class="font14">快速入口
                    </dt>
                        <dd>
                            <a href="">API数据</a>
                        </dd>
                        <dd>
                            <a href="">黑钻会员</a>
                        </dd>
                        <dd>
                            <a href="">新闻动态</a>
                        </dd>
                        <dd>
                            <a href="">联系我们</a>
                        </dd>
                        <dd>
                            <a href="">加入我们</a>
                        </dd>
                    </dl>
                    <dl class="font12">
                        <dt class="font14">产品服务
                    </dt>
                        <dd>
                            <a href="">云监测</a>
                        </dd>
                        <dd>
                            <a href="">云查询</a>
                        </dd>
                        <dd>
                            <a href="">云助手</a>
                        </dd>
                        <dd>
                            <a href="">聚盒子</a>
                        </dd>
                        <dd>
                            <a href="">云充值</a>
                        </dd>
                    </dl>
                    <dl class="font12">
                        <dt class="font14">解决方案
                    </dt>
                        <dd>
                            <a href="">数字中台</a>
                        </dd>
                        <dd>
                            <a href="">慧集：API生命周期管理</a>
                        </dd>
                        <dd>
                            <a href="">有赢：助力企业营销</a>
                        </dd>
                    </dl>
                </div>
                <!-- 右边 -->
                <div class="right-box fr">
                    <p class="font16">微信公众号</p>
                    <p class="font12 mt8">juhe_cn</p>
                    <p class="mt30"></p>
                </div>
            </div>
            <!-- 下边 -->
            <div class="mt40 footer-bottom font12">
                <a href=""></a>
                <a href="">
                    苏公网安备 32059002001776号
                </a>
                <span>
                    增值电信业务经营许可证：苏B2-20140496
                </span>
                <a href="">苏ICP备14006450号-3</a>
                <a href="">营业执照</a>
            </div>
        </div>
    </footer>
    <!-- 页脚 end -->

    <!-- 引入工具类 -->
    <script src="./lib/utils.js"></script>
    <!-- 移入swper插件 -->
    <script src="./lib/swiper/swiper-bundle.min.js"></script>

</body>

</html>